<template>
  <div class="line-block sa-flex">
    <div
      class="line"
      :style="{
        'border-bottom-style': compData.data.mode,
        'border-bottom-color': compData.data.lineColor,
      }"
    ></div>
  </div>
</template>

<script setup>
  const props = defineProps(['compData']);
</script>

<style lang="scss" scoped>
  .line-block {
    .line {
      width: 100%;
      border-bottom-width: 1px;
    }
  }
</style>
